//引入自定义变量属性
@import '@/scss/var.scss';

.left_box {

  width: dw(235px);
  height: 100%;
  // background-color: rgb(200 , 200, 169);
  display: flex;
  flex-flow: column;
  align-items: center;

  .search {
    margin-top: dw(10px);
    width: 95%;
    height: dw(50px);
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;

    i {
      position: absolute;
      left: dw(18px);
      top: dw(14px);
      font-size: dw(22px);
      color: gray;
    }

    input {
      border: 1px solid $borderColor;
      padding-left: dw(33px);
      width: 93%;
      height: dw(35px);
      border-radius: dw(30px);
      color: gray;
    }

    input:focus {
      border: 1px solid gray;
    }

  }

  .left_ul {
    margin-top: dw(10px);
    width: 100%;
    display: flex;
    flex-flow: column;
    align-items: center;

    .On_click {
      background-color: $ColorOnclick;
    }

    li {
      width: 93%;
      height: dw(50px);
      margin-top: dw(5px);
      border-radius: dw(10px);
      padding-left: dw(10px);
      font-size: dw(17px);
      line-height: dw(50px);
      cursor: pointer;
      i {
        font-size: dw(22px);
        margin-right: dw(10px);
      }

    }


  }

}
